/* reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, 
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{display:block}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
::selection{ background:#BCD7F2; color:#333}
::-moz-selection{ background:#BCD7F2; color:#333}
img::selection{ background:transparent}
img::-moz-selection{ background:transparent}

/* code */
ol, 
ul{margin-bottom:18px}
ol li, 
ul li{margin-bottom:9px}
ol li{list-style-type:decimal}
ul li{list-style-type:disc}
ol.code{color:rgb(255,255,255); color:rgba(255,255,255,.5); font-size:12px; font-weight:bold; border-left:40px solid rgba(170,178,192,.75); background-color:rgb(170,178,192); background-color:rgba(170,178,192,.25)}
ol.code li{margin-bottom:1px}
ol.code li:nth-child(even) code{background-color:rgb(255,255,255); background-color:rgba(255,255,255,1)}
ol.code li code{display:block; padding:5px 10px 5px 30px; text-indent:-20px}
ol.code li.source{list-style:none; padding:5px 10px; font-weight:normal; color:rgb(14,32,59); color:rgba(14,32,59,.5)}
code{ background-color:rgba(0,0,0,0.2); border:1px outset #AAA; font:normal 13px/18px "Courier New",Courier,mono;  padding:0 5px; text-shadow:1px 1px 1px #FFF;  word-wrap:break-word}
pre{display:block; margin-bottom:18px; background-color:rgb(255,255,255); background-color:rgba(255,255,255,.75); padding:10px; overflow:auto; max-width:100%}
pre code{background:none;padding:0}

/* umum */
body{background:#3A6EA5;  margin:auto;  width:960px}
.notbg{background:none repeat scroll 0 0 #FFF;  border:3px double #C6C2BB;  display:block;  height:480px; overflow:hidden;  margin-top:32px}
.abu-abu{background:none repeat scroll 0 0 #D4D0C8; padding:1px}
.header{background:rgb(10,36,106); background:-moz-linear-gradient(left,rgba(10,36,106,1) 0%,rgba(165,201,239,1) 100%); background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(10,36,106,1)),color-stop(100%,rgba(165,201,239,1))); background:-webkit-linear-gradient(left,rgba(10,36,106,1) 0%,rgba(165,201,239,1) 100%); background:-o-linear-gradient(left,rgba(10,36,106,1) 0%,rgba(165,201,239,1) 100%); background:-ms-linear-gradient(left,rgba(10,36,106,1) 0%,rgba(165,201,239,1) 100%); background:linear-gradient(to right,rgba(10,36,106,1) 0%,rgba(165,201,239,1) 100%); /* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39; #0a246a&#39; ,endColorstr=&#39; #a5c9ef&#39; ,GradientType=1 )}
.header h1{    color:#DDD;      font-family:tahoma,verdana,arial,sans-serif;      font-size:13px;      float:left;      margin:0;      padding-bottom:2px; padding-top: 1px;  font-weight: bold;   padding-left:20px;      background:url(http://2.bp.blogspot.com/-5qqiSG1XhWw/T_7rlL5MtII/AAAAAAAAApA/SG-DVm8lKVU/s1600/notenya.png) no-repeat scroll 2px -1px transparent;  background-size:16px}
.header h1 a{color:#EEE; font-family:tahoma,verdana,arial,sans-serif; font-size:13px; font-weight:bold; text-decoration:none}
p.description{color:#DDD;  display:block;  font-family:tahoma,verdana,arial,sans-serif;  font-size:13px;  font-weight:bold;  margin:0; height:18px}
p.description span{display:block;  float:left; margin-left: 4px; padding-top:1px}
ol li { list-style-type: none}
a:hover{ color:#b57624}

/* konten depan */
h2.date-header{border-bottom:1px dotted #aaa;  float: right; font-family:lucida Console,serif;  font-size:12px;  font-weight:normal; margin:0}
h3.post-title{text-decoration:underline; margin: 10px 0;}
.post-footer{ border-bottom:2px solid;  border-top:1px double;  height:2px;  margin:40px 0;  padding:0}
#blog1, .post-body, .feed-links, .post-footer, h1, h2, h3, h4, h5, p, a{font-family:lucida Console,serif;  font-size:12.5px; font-weight:normal}
#navi{display:block;  height:auto;  overflow:hidden;  padding-bottom:2px;  padding-top:3px}
ul#navlist{display:block;  float:left;  height:auto}
ul#navlist a{text-decoration:none}
ul#navlist, ul#navlist ul, ul#navlist li{margin:0px; padding:0px; list-style-type:none}
ul#navlist li{float:left;  margin-right:7px; margin-top:1px}
ul#navlist li a{border:1px solid #D4D0C8; font-size:11.5px; font-family:arial,sans-serif; color:#111; margin-right:3px;  padding:0 5px}
ul#navlist li a:active{color:#ccc}
ul#subnavlist{background:none repeat scroll 0 0 #D4D0C8; box-shadow:5px 5px 2px -3px rgba(0,0,0,0.5); -o-box-shadow:5px 5px 2px -3px rgba(0,0,0,0.5); -moz-box-shadow:5px 5px 2px -3px rgba(0,0,0,0.5); -webkit-box-shadow:5px 5px 2px -3px rgba(0,0,0,0.5);  border:2px outset #DDD;  display:none; overflow:hidden}
ul#subnavlist li{float:none; margin-top:-5px}
ul#subnavlist li a{font-family:arial,sans-serif; margin: 0 0;padding: 3px 20px;  float:left;  display:block;  overflow:hidden;  width:100%}
ul#navlist li:hover ul#subnavlist{display:block; position:absolute; font-size:8pt; padding-top:5px}
ul#navlist li a:hover{background-color:none;  border:1px outset #ddd;  margin-right:3px:;  padding:0 5px}
ul#subnavlist li a:hover{background:none repeat scroll 0 0 #0A246A;  border:1px solid #D4D0C8;  font-size:11.5px; padding: 3px 20px; color:#eee}

/* konten */
a.home-link {display: block;margin: auto;padding-top: 5px;width: 55px}
.post-body {line-height: 15px}
.post-outer a { margin-top: 10px}
.judul a{font-size:12px}
.judul ol li {list-style: square}
#blog-pager {border-bottom: 1px dotted;border-top: 1px dotted;height: 23px;margin: 1em 0;overflow: hidden;padding: 5px 0;text-align: center}
#blog-pager a {text-decoration: none}
#main1{background:none repeat scroll 0 0 #FFF;  border:1px inset #AAA;  display:block;  height:419px;  overflow:scroll;  padding:7px}
#Blog2{padding-bottom:10px}

/* komen */
p.comment-content {border-bottom: 1px dotted;line-height: 19px;padding: 10px 0 10px 10px}
span.datetime a, secondary-text a {font-size: 10.5px;text-decoration: none}
a:link, a:visited, a:active{ color:#7624B5;  font-family:lucida Console;  font-size:12.5px}
cite.user {padding-left: 10px;border-bottom: 1px dotted;padding-right: 190px;}
cite.user a {text-decoration:none}
span.blog-author {background: none repeat scroll 0 0 DarkTurquoise;border: 3px dashed #666666;display: inline-block;height: 2px;margin: 0 0 -1px 8px;width: 11px}
.comments .continue a{ display: block;font-weight: bold;padding: 0}
.comments .avatar-image-container {float:left;border: 1px dotted;max-height:36px;overflow: hidden;padding: 3px;width: 36px}
.comments .comments-content .comment-header, .comments .comments-content .comment-content { margin: 0 0 2px}
.comments .comment-block {margin-left: 44px;padding-left: 0; position: relative}
.comments .comment .comment-actions a {padding: 0 0 0 10px}
.comments .comments-content .comment-thread {margin: 5px 0 5px 48px}
.comments .comments-content .inline-thread {padding: 0}
.datetime {border-bottom: 1px dotted;float: right;padding-left: 61px}
.judul ol li:hover {color:#b57624}

/* cari */
select{ background-color:transparent;  cursor:pointer;  padding:4px;  width:200px}
input#q{ background-color:#D4D0C8;  border:1px inset #EEE; outline:medium none; padding-left:3px}
select:hover, #q:hover, #q:focus{background:transparent;  border:1px inset #eee}
.ruwet{ float:right;  vertical-align:top;  vertical-align:top; margin-top:0}
#searchform{ float:left;  margin-top:0;  overflow:hidden}
#searchsubmit{ border:1px inset #EEE;  color:#111;  cursor:pointer}
#lab_drop{ display:block;  margin-right:0;  float:left; margin-right:4px}
#lab_drop select{ background:none repeat scroll 0 0 transparent;  border:1px inset #EEE;  display:block; outline:medium none;  padding:0}

/* kredit */
p.kredit {color: #AAA;font-size: 10px;letter-spacing: 2px}
p.kredit a{color: #DDD;font-size: 10px;text-decoration: none}
p.kredit a:hover{color: #aaa}
.kimzigr {display: inline-block;margin-top: -5px}

/* iklan */
.iklan {margin-bottom: 20px; text-align:right}